.wrap{
    width: 100%;
    .top{
        height: 0;
    }
    .content{
        margin-top: 55px;
        overflow: hidden;
        margin-bottom:20px;
        .c_title{
            font-size: 22px;
            color: #001022;
            font-weight: normal;
            margin-bottom:20px;
        }
        .car_list{
            width: 900px;
            ul{
                height: 250px;
                li{
                    height: 38px;
                    line-height: 38px;
                    font-size: 12px;
                } 
            }
        }
    }
}
.car_info{
    font-size: 12px;
    .priceinfo{
        width: 260px;
        height: 300px;
        border:3px solid #ffcb00;
        box-sizing: border-box;
        padding: 30px 28px;
        p{text-align: center;
        font-size:14px;}
        ul{
            margin-top: 20px;
            padding-bottom: 18px;
            border-bottom: 1px solid #efefef;
            margin-bottom: 26px;
            li{
                height: 30px;
                line-height: 30px;
            }
        }
        .subtotal{
            width: 160px;
            height: 36px;
            background: #ffcb00;
            text-align: center;
            line-height: 36px;
            border-radius: 1px;
            margin-left: 20px;
            margin-top:12px;
        }
    }
    .goods_list{
        padding: 20px;
        border:1px solid #e5e5e5;
        margin-top: 20px;
        h3{
            text-align: center;
        }
        ul li{
            height: 100px;
            border-bottom:1px solid #e5e5e5;
            .img{
                width: 80px;
                height: 100px;
                display: inline-block;
                margin-right: 6px;
                img{
                    width: 80px;
                    height: 80px; 
                    vertical-align: middle
                }
            }
            .goodsinfo{
                display: inline-block;
                vertical-align: middle;
                p{
                    margin:10px 0;
                    .price{
                        font-size: 16px;
                    }
                }
            }
        }
    }
}
.benefit{
    height: 37px;
    background: #f4f4f4;
    line-height: 37px;
    padding-left: 13px;
    font-size:12px;
    .add{
        margin-left: 710px;
    }
}
.yhq{
  margin:28px 0;
  font-size: 12px;
  color: #666666;
}
.benefitcode{
    width: 306px;
    height: 35px;
    margin-bottom: 20px;
    input[type="text"] {
      width: 200px;
      height: 34px;
      border: none;
      outline: none;
      float: left;
      padding-left: 15px;
      box-sizing: border-box;
      border:1px solid #f4f4f4;
  }
  
  input[type="submit"] {
      width: 106px;
      height: 35px;
      border: none;
      outline: none;
      background-color: #ffcb00;
  }
  input::-webkit-input-placeholder{
      font-size: 12px;
      color:#999999;
  }
  }
input[type="checkbox"]{
    -webkit-appearance: none;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    border:1px solid black;
    background: 0;
    box-sizing: border-box;
    vertical-align: middle;
    margin:0 10px;
}
input[type="checkbox"]:checked {
    background:url(../img/check.jpg);
    width: 15px;
    height:15px;
    border:0;
    box-sizing: border-box;
    vertical-align: middle;
    margin:0 10px;
  }
  .bg_list{
    height: 125px;
    margin-bottom: 30px;
    .list{
        ul{
            overflow: hidden;
            width: 1200px;
            border-top: 1px solid  #e5e5e5;
            border-bottom: 1px solid  #e5e5e5;
            text-align: center;
            line-height: 88px;
            li{
             display: inline;
             font-size: 12px;
             margin:0 25px;
            }
        }
       div{
           text-align: center;
           font-size: 12px;
           line-height: 45px;
       }
    }
}
.shadow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display:none; 
    .addinfo{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: white;
        width: 624px;
        height: 410px;
        padding: 50px;
        font-size: 12px;
        h3{
            font-size: 24px;
            font-weight:normal;
            line-height: 24px;
            height: 24px;
            margin-bottom: 30px;
            img{
                vertical-align: middle;
                margin-left: 500px; 
            }
        }
        .p1{
            input{
                width: 272px;
                height: 39px;
                border:1px solid #e5e5e5;
                border-radius: 1px;
                padding-left: 17px;
            }
          .name{
              margin-right: 25px;
          }
        }
        .p2{
            select{
                width: 193px;
                height: 39px;
                border:1px solid #e5e5e5;
                border-radius: 1px;
                padding-left: 17px;
            }
            .provice,.city{
                margin-right:16px;
            }
        }
        .p3{
            input{
                height: 39px;
                border:1px solid #e5e5e5;
                border-radius: 1px;
                padding-left: 17px;
            }
          .adress{
              margin-right: 25px;
              width: 370px;
          }
          .code{
            width: 179px;
          }
        }
        .p5{
            margin-top: 13px;
            .save{
                width: 142px;
                height: 40px;
                background: #ffcb00;
                border:0;
                margin-right:20px;
                box-sizing: border-box;
            }
            .cancel{
                width: 142px;
                height: 40px;
                border:1px solid #e5e5e5;
                background: none;
            }
        }
    }
}
select{
    outline: none;
}
.useraddress{
    span{
        display: inline-block;
        margin:0 20px;
    }
    .edit,.delete{float: right;}
}
.benefit1{
    margin-top: 50px;
}
.useraddress .mrclass{
    width: 60px;
    height: 18px;
    background: #ffcb00;
    border-radius: 4px 1px 1px 4px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin:0 0px;
}